// JavaScript Document
$(function(){
	//监控规则
	$(".rule").click(function(){

		 $(".rules").slideDown(1000);
		})
	$(".rules>.box>a").click(function(){
		
		$(".rules").slideUp(1000);
		
		
		})
	//监控开始按钮
	$(".starGame").click(function(){
		//移除开始按键
		$(this).remove();
		//灰太狼动画开始
		starwolfanimation();
		//进度条方法
		progressWidth();
		
		
		
		
		})
	//监控时间进度条
    window.progressLenght=180;
	function progressWidth(){
		//定时器	
		timer=setInterval(function(){
		
			/*progressLenght=$("#imgwidth").width();*/
			
			progressLenght-=1.5;
			 console.log(progressLenght)
		 $("#imgwidth").css({
			 width:progressLenght,
			 height:16,
			
			 })
			
			
			//进度条结束
			if(progressLenght==0){
				$(".gameOver").stop().fadeIn(100);
				clearInterval(timer);
				stopwolfanimation();
				}
			},500)
			
	//重新开始游戏
	$(".restartGame").click(function(){
		$(".gameOver").stop().fadeOut(100);
		  window.progressLenght=180;
		 progressWidth();
		 starwolfanimation();
		 $(".sore").text("0");
		
		})
		}
	var wolftimer;
	 function starwolfanimation(){
	//灰太狼、小灰灰出现地点
	var arrPos = [
		{left:"15px",top:"220px"},
		{left:"30px",top:"295px"},
		{left:"20px",top:"160px"},
		{left:"115px",top:"275px"},
		{left:"100px",top:"195px"},
		{left:"97px",top:"115px"},
		{left:"185px",top:"140px"},
		{left:"200px",top:"210px"},
		{left:"200px",top:"295px"}
	];
	

	//灰太狼图
	var wolf_1=['img/h0.png','img/h1.png','img/h2.png','img/h3.png','img/h4.png','img/h5.png','img/h6.png','img/h7.png','img/h8.png','img/h9.png'];
	//小灰灰图
	var wolf_2=['img/x0.png','img/x1.png','img/x2.png','img/x3.png','img/x4.png','img/x5.png','img/x6.png','img/x7.png','img/x8.png','img/x9.png'];
	
	//随机数
	var index=Math.round(Math.floor(Math.random()*9));
	console.log(index)
	//设置出现灰太狼还是小灰灰
	var wolftype=Math.round(Math.random())==0?wolf_1:wolf_2;
	
	
	//头像出现任意位置
	 var $wolfimges=$("<img src='' class=\"wolfimg\"> ");
	 $wolfimges.css(
		 arrPos[index]
		 )
		
	  	 $(".all").append($wolfimges); 
			

	//头像出现定时器
	window.wolfindex=0;
	window.wolfindexend=5
	 wolftimer=setInterval(function(){
		if(wolfindex>wolfindexend){
			$wolfimges.remove();
			clearInterval(wolftimer);
			starwolfanimation();
			
			}
		$wolfimges.attr("src",wolftype[wolfindex])
		wolfindex++;
		
		},300)
		//拍打加、减分
	   score($wolfimges);

	 }
	 //加减分功能
	function score($wolfimges){
		$wolfimges.one("click",function(){
			window.wolfindex=5;
	        window.wolfindexend=10;
			var $src=$(this).attr("src");
			if($src.indexOf("h")>=0){
		    parseInt($("sore").text())+10;
			$(".sore").text(parseInt($(".sore").text())+10);	
				
				}else{
					$(".sore").text(parseInt($(".sore").text())-10);
					
					
					}
					
			})

		} 
	//灰太狼动画停止
	function stopwolfanimation(){
		 $(".wolfimg").remove();
		 clearInterval(wolftimer);
		 
		 }

	
	
	
	})
